<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#all{
				width: 800px;
			}
			#top{
				width: 800PX;
				height: 80px;
				background-color: #3B5998;
			
			}
			h2{
				color: #FFFFFF;
			}
			#zhongxia{
				width: 800px;
			}
			
			#zhongxia ul li{
				width: 71px;
				float: left;
				height: 19px;
				list-style: none;
			}
			
			#left{
				width: 200px;
				height: 220px;
				position: absolute;
				top: 160px;
			}
			#neir{
				width: 590px;
				height: 400px;
				position: absolute;
				top: 160px;
				left: 215px;
			}
			#zuixin{
				width: 200px;
				height: 27px;
				background-color: #3B5998;
			}
			h5{
				position: absolute;
				top: -18px;
				color: #FFFFEF;
				left: 10px;
			}
			#left ul li{
				font-size: 13px;
				margin-left: -30px;
				margin-top: 5px;
			}
			#chanpin{
				width: 200px;
				height: 27px;
				background-color: #3B5998;
			}
			#h1{
				position: absolute;
				top: 125px;
			}
			#u1{
				font-size: 13px;
			}
			#zhongxia{
				height: 27px;
				width: 590px;
				background-color: #3B5998;
			}
			#h2{
				position: absolute;
				top: 135px;
			}
			#img1 img{
				height: 117px;
				width: 99px;
				float: left;
			}
			p{
				font-size: 12px;
			}
			#neir ul li img{
				width: 100px;
				height: 90px;
				float: left;
			}
			#neir ul li{
				width: 110px;
				float: left;
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="top">
				<h2>Jane Shopping</h2>
			</div>
			<div id="zhongxia">
				<ul>
					<li><input type="button" value="首页" style="color: #1690CD;"></li>
					<li><input type="button" value="衬衫" style="color: #1690CD;"></li>
					<li><input type="button" value="卫衣" style="color: #1690CD;"></li>
					<li><input type="button" value="裤子" style="color: #1690CD;"></li>
					<li><input type="button" value="联系我们	" style="color: #1690CD;"></li>
				</ul>
			
			</div>
			<div id="left">
				<div id="zuixin">
					<h5>最新动态</h5>
				</div>
				<ul>
					<li><a href="#">瑞丽都疯狂推荐的秋装</a></li>
					<li><a href="#">48元长款针织小开衫卖疯了</a></li>
					<li><a href="#">长袖雪纺衫单穿内搭都超美</a></li>
					<li><a href="#">甜美宽松毛衣金秋一定红</a></li>
				</ul>
				<div id="chanpin">
					<h5 id="h1">产品分类</h5>
				</div>
				<ui id="u1">
					<li><a href="#">衬衫</a></li>
					<li><a href="#">卫衣</a></li>
					<li><a href="#">裤子</a></li>
				</ui>
			</div>
			<div id="neir">
				<div id="shang">
					<img src="img/3.gif" />
				</div>
				<div id="zhongxia">
					<h5 id="h2">新款上市</h5>
				</div>
				<ul>
					<li><img src="img/img_1.jpg"/>免烫高支棉衬衣 $120.00</li>
					<li><img src="img/img_1.jpg"/>免烫高支棉衬衣 $120.00</li>
					<li><img src="img/img_1.jpg"/>免烫高支棉衬衣 $120.00</li>
					<li><img src="img/img_1.jpg"/>免烫高支棉衬衣 $120.00</li>
				</ul>
			</div>
		</div>
	</body>
</html>
